<template>

  <div class="app-container">

    <div style="position:absolute ; top: 30% ; left: 30% ; display: flex ; align-items: center ; justify-content: center">
      <el-image
          style="width: 120px; height: 120px"
          :src="require('@/assets/logo/logo.png')"
          fit="contain"/>
      <p style="font-size: 60px">广州港TOS计费系统</p>
    </div>

<!--    <div>-->
<!--      <el-image-->
<!--          style="width: 120px; height: 120px ; position:absolute ; top: 30% ; left: 43%"-->
<!--          :src="require('@/assets/logo/logo.png')"-->
<!--          fit="contain"/>-->
<!--      <p style="font-size: 60px ; position:absolute ; top: 40% ; left: 31%">广州港TOS计费系统</p>-->
<!--    </div>-->
    
  </div>
</template>

<script>

export default {
  name: "Index_v2",
  data(){
    return{
      myUrl:'',
      fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],
    }
  },
  created() {
    this.loginFineReport()
  },
  methods:{
    loginFineReport(){

      // console.log(process.env.VUE_APP_BASE_API)
      // console.log(process.env)
      // console.log(process.env.NODE_ENV)
      this.myUrl = ''

      // console.log(environment)


    }
  }
}
</script>

<style scoped>

</style>
